import QtQuick 2.0
import QtGraphicalEffects 1.15

Column {
    id:root
    property real verticalSpacing: root.spacing
    property real horizontalSpacing: row0.spacing
    spacing: 20
    Keys.forwardTo:[row0.children]

    Component.onCompleted: {
        for(let i=0;i<7;++i)
        {
            root.Keys.forwardTo.push(r0.itemAt(i))
            root.Keys.forwardTo.push(r2.itemAt(i))
            root.Keys.forwardTo.push(r1.itemAt(i))
        }
    }
    Row {
        id: row0
        spacing: 20
        Repeater {
            id:r0
            model: ['Q','W','E','R','T','Y','U']
            GsNode{
                text:modelData
                nodeIndex: index
                width:100
                height: 100
            }
        }
    }
    Row {
        spacing: row0.spacing
        Repeater {
            id:r1
            model: ['A','S','D','F','G','H','J']
            GsNode{
                text:modelData
                nodeIndex: index
                width:100
                height: 100
            }
        }
    }

    Row {
        spacing: row0.spacing
        Repeater {
            id:r2
            model: ['Z','X','C','V','B','N','M']
            GsNode{
                text:modelData
                nodeIndex: index
                width:100
                height: 100
            }
        }
    }
}
